<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>业主信息</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
</head>
<body>
<div data-role="page" align="center" >
  <div data-role="header">
  <h1>所有账单</h1>
  <a href="ownerQuery.do?method=opinion&id=${owner.id }" data-role="button" data-icon="star" class="ui-btn-right">意见反馈</a>
  </div>

  <div data-role="content">
  <div class="ui-grid-c">
  <div class="ui-block-a">
  账单日期
  </div>
  <div class="ui-block-b">
  账单金额
  </div>
  <div class="ui-block-c">
  支付状态
  </div>
  <div class="ui-block-d">
  账单详情
  </div>
  </div>
<c:if test="${!empty billList}">
	<c:forEach items="${billList}" var="bill">
  <div class="ui-grid-c">
  <div class="ui-block-a">
  <font size="2" >${bill.year }年${bill.month }月</font>
  </div>
  <div class="ui-block-b">
 <fmt:formatNumber value="${bill.amount }" pattern="#.00" />
  </div>
  <div class="ui-block-c"  >
<c:if test="${bill.isPaid eq 0 }"><img src="images/nopaid.png" alt="未支付" width="16" height="16" class="ui-li-icon"><font color="red">未支付</font></c:if>
<c:if test="${bill.isPaid eq 1 }"><img src="images/paid.png" width="16" height="16" class="ui-li-icon" >已支付</c:if>
  </div>
  <div class="ui-block-d">
<a href="ownerQuery.do?method=showBill&billId=${bill.id }">详细</a>
  </div>
</div>
</c:forEach>
</c:if>  
  </div>

<div data-role="footer" data-position="fixed" data-fullscreen="true">
  <div data-role="controlgroup" data-type="horizontal">
    <a href="ownerQuery.do?method=toSearchBill&id=${owner.id }"" data-role="button" data-icon="search">搜索账单</a>
    <a href="ownerQuery.do?method=showALLBills&id=${owner.id }" data-role="button" data-icon="search">所有物业账单</a>
  </div>
</div>
  
</div> 
</body>
</html>